<template>
	<view class='parkmon-selected'>
		<view class="parkmon-selected-item flex-between align-center" @click="handleTo(parkmonListItem)">
			<view class="parkmon-selected-item-left">选择停车场</view>
			<view class="parkmon-selected-item-right">
				<text class="text">{{parkmonListItem.parkName}}</text>
				<image class="icon ml-10" src="../../../static/images/righticon.png"></image>
			</view>
		</view>
		<view class="parkmon-selected-item flex-between align-center">
			<view class="parkmon-selected-item-left">包月金额</view>
			<view class="parkmon-selected-item-right">
				<text class="text yuan">{{ parkmonListItem.money}}</text>
			</view>
		</view>
	</view>
</template>
<script>
export default {
	props: {
		parkmonListItem: {
			type: Object,
			default: () => {}
		}
	},
	components: {},
	data() {
		return {}
	},
	methods: {
		handleTo(data) {
			this.$emit('checkPlate', data)
		}
	},
}
</script>
<style lang='scss' scoped>
.parkmon-selected-item {
	height: 54rpx;
	padding: 30rpx 0rpx;

	.parkmon-selected-item-left {
		font-size: 28rpx;
		font-weight: 500;
		line-height: 40rpx;
	}

	.parkmon-selected-item-right {
		.text {
			font-size: 26rpx;
			font-weight: 400;
			line-height: 36rpx;
		}

		.text1 {
			color: #919EB5;
		}

		.text2 {
			color: #3A67D5;
		}

		.icon {
			width: 10rpx;
			height: 20rpx;
			vertical-align: middle;
		}
	}
}

.parkmon-selected-item-border {
	margin-top: 30rpx;
	border-top: 1rpx solid #DCE4EF;
}

.parkmon-selected-item2 {
	padding: 10rpx 0rpx;
	font-size: 28rpx;
	font-weight: 600;
	line-height: 40rpx;
}

.text3 {
	font-size: 22rpx;
	font-weight: 500;
	line-height: 38rpx;
	color: #919EB5;
}
</style>